<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的文章修改页</title>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
        var id = 0;//文章id

        function mysub(type) {
            var title = jQuery("#title");
            var content = jQuery("#content");
            if (type == 2) {
                // todo:清空操作
                return false;
            }
            // todo:非空效验
            // 请求后端执行修改
            jQuery.getJSON("upart", {
                "id": id,
                "title": title.val(),
                "content": content.val()
            }, function (data) {
                if (data != null && data.succ == 1) {
                    alert("恭喜：修改成功！");
                } else {
                    alert("抱歉：修改失败！" + data.msg);
                }
            });
        }

        jQuery(function () {
            var params = location.search;//?id=xxx获取url
            id = params.substring(1).split("=")[1];//去掉？;用=号分隔;
            //1.请求后端获取文章详情，并展示到页面
            jQuery.getJSON("init",{"id":id},function (data) {
                if(data != null && data.succ == 1){
                    //查询成功
                    jQuery("#title").val(data.art.title);
                    jQuery("#content").val(data.art.content);

                }else{
                    //查询失败
                    alert("查询失败"+ data.msg);
                }
            });
        });
    </script>
</head>
<body>
<div style="margin-left: 50px;margin-top: 30px;">
<h1>文章修改</h1>
标题：<input id="title" type="text">
<p></p>
正文：<textarea style="width: 60%;height: 300px;" id="content">

         </textarea>
<p></p>
<input value=" 提 交 " type="button" onclick="mysub(1)">
<input value=" 清 空 " type="button" onclick="mysub(2)">

</div>
</body>
</html>